<template>
    <div class="panel panel-left panel-reveal theme-dark" id='panel-left'>
        <div class="content-block">
            <p>cant heal myself</p>
            <p><a href="#" class="close-panel">关闭</a></p>
        </div>
        <div class="list-block">
            <ul class="left-panel-ul">
                <li class="item-content">
                    <router-link :to="{name:'Reg'}"><div class="">Reg</div></router-link>
                </li>
                <li class="item-content">
                    <router-link :to="{name:'Login'}"><div class="">login</div></router-link>
                </li>
                <li href="/#/" class="item-content">
                    <router-link :to="{name:'Index'}"><div class="">首页</div></router-link>
                </li>
                <li class="item-content">
                    <router-link :to="{name:'Index'}"><div class="">精选</div></router-link>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'LeftPanel',
        props: [],
        data (){
            return {

            }
        },
        methods:{
            homepage(){
                $.closePanel();
            }
        }
    }
</script>

<style>
    ul.left-panel-ul{

    }
    ul.left-panel-ul a {
        color:#bbb
    }
</style>